<template>
  <div>
    <header-nav></header-nav>
    <el-container>
      <el-header style="height: 365px">
        <img src="@/assets/img/Enterprise/ky_about.jpg" alt="" />
      </el-header>
      <el-container>
        <el-aside width="240px" class="aside">
          <el-menu
            router
            :default-active="$route.path"
            class="el-menu-vertical-demo"
            @open="handleOpen"
            @close="handleClose"
          >
            <el-submenu index="1">
              <template slot="title">
                <span>企业介绍</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="/enterprise/kye-about"
                  >关于跨域</el-menu-item
                >
                <el-menu-item index="/enterprise/kye-history"
                  >发展历程</el-menu-item
                >
                <el-menu-item index="/enterprise/kye-culture"
                  >文化理念</el-menu-item
                >
                <el-menu-item index="/enterprise/kye-honor"
                  >跨越荣誉</el-menu-item
                >
                <!-- <el-menu-item index="/enterprise/kye-video"
                  >跨越视频</el-menu-item
                > -->
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="2">
              <template slot="title">
                <span>加入我们</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="/enterprise/invite-school"
                  >校园招聘</el-menu-item
                >
                <el-menu-item index="/enterprise/invite-social"
                  >社会招聘</el-menu-item
                >
              </el-menu-item-group> </el-submenu
            ><el-submenu index="3">
              <template slot="title">
                <span>联系我们</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="/enterprise/contact-us"
                  >联系我们</el-menu-item
                >
              </el-menu-item-group>
            </el-submenu>
          </el-menu>
        </el-aside>
        <el-main class="main">
          <!-- 二级路由 动态设置内容 -->
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
    <footer-bar></footer-bar>
  </div>
</template>

<script>
import Header from "@/components/Header-nav.vue";
import HeaderNav from "@/components/Header-nav.vue";
import FooterBarVue from "@/components/Footer-bar.vue";
import FooterBar from "@/components/Footer-bar.vue";
export default {
  components: { HeaderNav, FooterBar },
};
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}
img {
  width: 100%;
}
.aside {
  margin-left: 370px;
  border-top: 2px solid purple;
}
.aside::-webkit-scrollbar {
  display: none;
}
.main {
  background-color: white;
  margin-left: 20px;
  margin-right: 200px;
  width: 400px;
  border-top: 2px solid purple;
}
</style>
